<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>逼乎</title>
		<link rel="shortcut icon" href="images/B.ico" />
		<link rel="stylesheet" href="css/BHu.css" />
		<script type="text/javascript" src="../3-动态界面/JavaScript/Bhu.js"></script>
		<!--
        	作者：965747597@qq.com
        	时间：2017-12-07
        	描述：防止IE9以下对viewport的不兼容
        -->
		<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
	</head>
	<body>
		<div class="index-main">
			<div class="logo">
				<h1>逼乎</h1>
				<h2>与世界分享你刚编的故事和经历</h2>
			</div>
			<div class="loginchoice">
				<a href="javascript:;" onclick="email_login()">邮箱</a>
				<a href="javascript:;" onclick="phone_login()">手机</a>
			</div>
			<form action="" method="post">
				<div class="login_box">
						<div class="user">
							<input type="text" id="useremail" value="" placeholder="email" name="email"/>
							<input type="text" id="userphone" value="" placeholder="phone" name="phone"/>
						</div>
						<div class="pass_word">
							<input type="password" id="password" placeholder="password" name="" />
							<div class="verification_code" id="v_code">
								<input type="text" name="" id="verificationCode" placeholder="verification code" />
								<button type="button" onclick="v_code()">获取验证码</button>
							</div>
						</div>
				</div>
				<div class="submit_button">
					<button type="button" class="sign_button" onclick="checkLogin()">登录</button>
				</div>
				<div class="Other_options">
					<input type="checkbox" name="remember" id="remember" value="true" />
					<span id="EmailAndPassword">记住账号密码<a href="email.html">忘记密码？</a></span>
					<!--
                    	作者：965747597@qq.com
                    	时间：2017-12-04
                    	描述：java程序猿从来都不会觉得变量名很长,eg:→PhoneAndVerificationCode
                    -->
					<span id="PhoneAndVerificationCode">记住手机号<a href="phone.html">没收到短信？</a></span>
				</div>
			</form>
		</div>
	</body>
</html>
